﻿<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script src="scripts/angular.min.js"></script>
        <script src="scripts/jquery-1.9.0.js"></script>
        <script src="scripts/parse-1.2.17.js"></script>
        <script src="scripts/charifyerAGJ.js"></script>
        <link href="Content/bootstrap.min.css" rel="stylesheet" />
        <link href="Content/bootstrap-theme.min.css" rel="stylesheet" />
        <script src="scripts/bootstrap.min.js"></script>
        <link href="styles/charifyer.css" rel="stylesheet" />
        <script type="text/javascript" src="scripts/ckeditor/ckeditor.js"></script>
        <script type="text/javascript" src="scripts/controllers/createCharity.js"></script>

    </head>
    <body ng-app="app" ng-clock>
        <div id="wrapper">
            <nav>
                <div id="logo">
                    <img src="styles/logo.jpg">
                </div>
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#home" data-toggle="tab">Home</a>
                    </li>
                    <li>
                        <a href="#charities" data-toggle="tab">Charities</a>
                    </li>
                    <li>
                        <a href="#about" data-toggle="tab">About</a>
                    </li>
                    <li>
                        <a href="#createCharity" data-toggle="tab">Create charity</a>
                    </li>
                </ul>
                <ul id="accDetails">
                    <li class="in">
                        <span id="name"></span>
                    </li>
                    <li class="in">
                        <a href="#">PIC</a>
                    </li>
                    <li>
                        <button onclick="logout()" id="logout" class="btn btn-danger">Logout</button>
                    </li>
                </ul>
            </nav>

            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="home">home</div>
          
                <div class="tab-pane" id="charities" ng-controller="CharityLoadCtrl">
                    <ul class="unstyled">
                        <li class="charity" ng-repeat="charity in charities">
                            <div class="jumbotron" style="overflow:hidden;">
                                <h1>{{charity.get("name")}}</h1>
                                <p>{{charity.get("description")}}</p>
                                <p>Followers: {{charity.get("followers")}}</p>
                                <p><button ng-click="receiveData()" class="btn btn-info">Follow</button></p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane" id="about">About</div>
                <div ng-controller="CharityLoadCtrl" class="tab-pane" id="createCharity">createCharity
                    <form ng-submit="save()">
                        <input type="text" ng-model="name" id="charityName">
                        <textarea name="submitter" id="submitter"></textarea>
                        <button type="submit">Create</button>
                    </form>
                </div>
            </div>
        </div>
        <script>
            CKEDITOR.replace('submitter');
        </script>
    </body>
</html>